<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>动态编辑器</title>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

<script src="js/HElement2.js" type="text/javascript"></script>

<style>
    body {
      margin: 0;
      padding: 0;
    }
    #container {
      position: relative;
    }
    canvas {
      display: block;
      background: white;
      position: absolute;
      top: 0;
      left: 0;
      border: 1px solid #000;
    }
  </style>
  <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
  </head>
<body>
<br></br>&nbsp;&nbsp;



<div id="container">
    <button id="showLayer1">Show Layer 1</button>
    <button id="showLayer2">Show Layer 2</button>
    <div id="selectionInfo"></div>
    
    <canvas id="layer1" width="450" height="450"></canvas>
    <canvas id="layer2" width="450" height="450" style="display:none;"></canvas>
  </div>
  

       
    </body>
</html>
